<!DOCTYPE HTML>
<html>
<head>
    <title> 中供通管理系统</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" type="text/css" href="/assets/easyui/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="/css/main.css">
    <link rel="stylesheet" type="text/css" href="/assets/easyui/themes/icons/icon-all.min.css">
    <script type="text/javascript" src="/assets/easyui/jquery.min.js"></script>
    <script type="text/javascript" src="/assets/easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="/js/main.js"></script>

</head>
<body class="easyui-layout">
    <div data-options="region:'north',split:false" style="border:0px;" >
        <div class="header">

            <div class="dl-title">
                <a href="#" title="文档库地址" target="_blank">
                    <span class="lp-title-port">中供通内部管理系统</span>
                </a>
            </div>

            <div class="dl-log">欢迎您，<span class="dl-log-user">**.**@alibaba-inc.com</span><a href="###" title="退出系统" class="dl-log-quit">[退出]</a><a href="http://http://www.builive.com/" title="文档库" class="dl-log-quit">文档库</a>
            </div>
        </div>
        <div class="dl-main-nav">
            <div class="dl-inform"><div class="dl-inform-title">贴心小秘书<s class="dl-inform-icon dl-up"></s></div></div>
            <ul id="nav_top" class="nav-list ks-clear">
                <li data_code="1" class="nav-item dl-selected"><div class="nav-item-inner"><span class="tabs-icon icon-standard-house"></span>首页</div><div class="nav-item-mask"></div></li>
                <li data_code="2" class="nav-item"><div class="nav-item-inner"><span class="tabs-icon icon-standard-house"></span>表单页</div><div class="nav-item-mask"></div></li>
                <li data_code="3" class="nav-item"><div class="nav-item-inner"><span class="tabs-icon icon-standard-house"></span>搜索页</div><div class="nav-item-mask"></div></li>
                <li data_code="4" class="nav-item"><div class="nav-item-inner"><span class="tabs-icon icon-standard-house"></span>详情页</div><div class="nav-item-mask"></div></li>
                <li data_code="5" class="nav-item"><div class="nav-item-inner"><span class="tabs-icon icon-standard-house"></span>图表</div><div class="nav-item-mask"></div></li>
            </ul>
        </div>
    </div>
    <div data-options="region:'south',split:false" style="height:23px;">
        <div class="footer">Copyright@2017-2018 中供通 All Rights Reserved</div>
    </div>
    <div data-options="region:'west',split:false"  title="菜单" style="width:150px;">
        <ul id="nav_menu" class="dl-tab-conten">
            <li class="dl-tab-item dl-tab-itme-1">
                <div class="easyui-accordion" style="border: 0px;">
                    <div title="菜单一" data-options="iconCls:'icon-standard-house'" style="overflow:auto;padding:10px;">
                        <ul class="menu-items">
                            <li class="menu-item">aaaa</li>
                            <li class="menu-item">bbb</li>
                            <li class="menu-item">aacccaa</li>
                        </ul>
                    </div>
                    <div title="菜单二" data-options="iconCls:'icon-help'" style="padding:10px;">
                        <p>The accordion allows you to provide multiple panels and display one or more at a time. Each panel has built-in support for expanding and collapsing. Clicking on a panel header to expand or collapse that panel body. The panel content can be loaded via ajax by specifying a 'href' property. Users can define a panel to be selected. If it is not specified, then the first panel is taken by default.</p>
                    </div>
                    <div title="菜单三" data-options="iconCls:'icon-help'" style="padding:10px;">
                        <p>The accordion allows you to provide multiple panels and display one or more at a time. Each panel has built-in support for expanding and collapsing. Clicking on a panel header to expand or collapse that panel body. The panel content can be loaded via ajax by specifying a 'href' property. Users can define a panel to be selected. If it is not specified, then the first panel is taken by default.</p>
                    </div>
                </div>
            </li>
            <li class="dl-tab-item dl-tab-itme-2 ks-hidden">
                <div class="easyui-accordion" style="border: 0px;">
                    <div title="菜单一一" data-options="iconCls:'icon-ok'" style="overflow:auto;padding:10px;">
                        <ul>
                            <li></li>
                        </ul>
                    </div>
                    <div title="菜单二二" data-options="iconCls:'icon-help'" style="padding:10px;">
                        <p>The accordion allows you to provide multiple panels and display one or more at a time. Each panel has built-in support for expanding and collapsing. Clicking on a panel header to expand or collapse that panel body. The panel content can be loaded via ajax by specifying a 'href' property. Users can define a panel to be selected. If it is not specified, then the first panel is taken by default.</p>
                    </div>
                    <div title="菜单三三" data-options="iconCls:'icon-help'" style="padding:10px;">
                        <p>The accordion allows you to provide multiple panels and display one or more at a time. Each panel has built-in support for expanding and collapsing. Clicking on a panel header to expand or collapse that panel body. The panel content can be loaded via ajax by specifying a 'href' property. Users can define a panel to be selected. If it is not specified, then the first panel is taken by default.</p>
                    </div>
                </div>
            </li>
        </ul>
    </div>
    <div data-options="region:'center'">
        <ul id="J_NavContent" class="dl-tab-conten">
            <li class="dl-tab-item dl-tab-itme-1">
                <div id="tabs_1" class="easyui-tabs" data-options="tools:'#tab-tools_1'">
                    <div title="主页" data-options="iconCls:'icon-standard-house'" style="padding: 10px; height: 100%;">主页</div>
                </div>
                <div id="tab-tools_1">
                    <a href="javascript:void(0)" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-standard-add'" onclick="addPanel(1)"></a>
                    <a href="javascript:void(0)" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-standard-cancel'" onclick="removePanel(1)"></a>
                </div>
            </li>
            <li class="dl-tab-item dl-tab-itme-2 ks-hidden">
                <div id="tabs_2" class="easyui-tabs" data-options="tools:'#tab-tools_2'">
                    <div title="第二页" data-options="iconCls:'icon-standard-house'" style="padding: 10px; height: 100%;">主页</div>
                </div>
                <div id="tab-tools_2">
                    <a href="javascript:void(0)" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-standard-add'" onclick="addPanel(2)"></a>
                    <a href="javascript:void(0)" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-standard-cancel'" onclick="removePanel(2)"></a>
                </div>
            </li>
        </ul>
    </div>
</body>
</html>